<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>商品</title>
		<script src="js/flexible.debug.js"></script>
		<script src="js/flexible_css.debug.js"></script>
		<link rel="stylesheet" href="css/reset.css" />
		<link rel="stylesheet" href="css/goods.css" />

	</head>

	<body>
		<header class="header">
			<span class="left" onclick="window.location='shouye.html'"><img src="img/updata.png"/></span>
			<span class="center">芬迪</span>
		</header>

		<section class="section">
			<ul class="nav">
				<li class="left">
					默认
				</li>
				<li class="center">
					销量<span class="img"><img src="img/down.png"</span>
				</li>
				<li class="right">
					价格<span class="img"><img src="img/up.png"</span>
				</li>
			</ul>
			
			
			
			<div class="nav-one show">
				<p class="heji">共计<span>11</span>件</p>
				<ul class="content">
					<li class="list" onclick="window.location='goods-sub.html'">
						<div class="left"><img src="img/list.png" /></div>
						<div class="center">
							<p class="blod">芬迪Fendi LOOP 反转系列腕表</p>
							<p class="blod">F761141</p>
							<p class="line">市场价：￥4500.00</p>
							<p class="price">走秀价：<span class="color">￥2589.00</span></p>
						</div>
						<div class="right">5.8折</div>

					</li>

					<li class="list">
						<div class="left"><img src="img/list.png" /></div>
						<div class="center">
							<p class="blod">芬迪Fendi LOOP 反转系列腕表</p>
							<p class="blod">F761141</p>
							<p class="line">市场价：￥4500.00</p>
							<p class="price">走秀价：<span class="color">￥2589.00</span></p>
						</div>
						<div class="right">5.8折</div>

					</li>

					<li class="list">
						<div class="left"><img src="img/list.png" /></div>
						<div class="center">
							<p class="blod">芬迪Fendi LOOP 反转系列腕表</p>
							<p class="blod">F761141</p>
							<p class="line">市场价：￥4500.00</p>
							<p class="price">走秀价：<span class="color">￥2589.00</span></p>
						</div>
						<div class="right">5.8折</div>

					</li>

					<li class="list">
						<div class="left"><img src="img/list.png" /></div>
						<div class="center">
							<p class="blod">芬迪Fendi LOOP 反转系列腕表</p>
							<p class="blod">F761141</p>
							<p class="line">市场价：￥4500.00</p>
							<p class="price">走秀价：<span class="color">￥2589.00</span></p>
						</div>
						<div class="right">5.8折</div>

					</li>

					<li class="list">
						<div class="left"><img src="img/list.png" /></div>
						<div class="center">
							<p class="blod">芬迪Fendi LOOP 反转系列腕表</p>
							<p class="blod">F761141</p>
							<p class="line">市场价：￥4500.00</p>
							<p class="price">走秀价：<span class="color">￥2589.00</span></p>
						</div>
						<div class="right">5.8折</div>

					</li>

					<li class="list">
						<div class="left"><img src="img/list.png" /></div>
						<div class="center">
							<p class="blod">芬迪Fendi LOOP 反转系列腕表</p>
							<p class="blod">F761141</p>
							<p class="line">市场价：￥4500.00</p>
							<p class="price">走秀价：<span class="color">￥2589.00</span></p>
						</div>
						<div class="right">5.8折</div>

					</li>

				</ul>

			</div>

			<div class="nav-two">
				<p class="heji">共计<span>15</span>件</p>
				<ul class="content">
					<li class="list">
						<div class="left"><img src="img/list.png" /></div>
						<div class="center">
							<p class="blod">芬迪Fendi LOOP 反转系列腕表</p>
							<p class="blod">F761141</p>
							<p class="line">市场价：￥4500.00</p>
							<p class="price">
								走秀价：<span class="color">￥2589.00</span>
								<span class="img"><img src="img/xin.png"/></span>
								<span class="num">120</span>人喜欢
							</p>

						</div>
					</li>

					<li class="list">
						<div class="left"><img src="img/list.png" /></div>
						<div class="center">
							<p class="blod">芬迪Fendi LOOP 反转系列腕表</p>
							<p class="blod">F761141</p>
							<p class="line">市场价：￥4500.00</p>
							<p class="price">
								走秀价：<span class="color">￥2589.00</span>
								<span class="img"><img src="img/xin.png"/></span>
								<span class="num">120</span>人喜欢
							</p>

						</div>
					</li>

					<li class="list">
						<div class="left"><img src="img/list.png" /></div>
						<div class="center">
							<p class="blod">芬迪Fendi LOOP 反转系列腕表</p>
							<p class="blod">F761141</p>
							<p class="line">市场价：￥4500.00</p>
							<p class="price">
								走秀价：<span class="color">￥2589.00</span>
								<span class="img"><img src="img/xin.png"/></span>
								<span class="num">120</span>人喜欢
							</p>

						</div>
					</li>

					<li class="list">
						<div class="left"><img src="img/list.png" /></div>
						<div class="center">
							<p class="blod">芬迪Fendi LOOP 反转系列腕表</p>
							<p class="blod">F761141</p>
							<p class="line">市场价：￥4500.00</p>
							<p class="price">
								走秀价：<span class="color">￥2589.00</span>
								<span class="img"><img src="img/xin.png"/></span>
								<span class="num">120</span>人喜欢
							</p>

						</div>
					</li>

					<li class="list">
						<div class="left"><img src="img/list.png" /></div>
						<div class="center">
							<p class="blod">芬迪Fendi LOOP 反转系列腕表</p>
							<p class="blod">F761141</p>
							<p class="line">市场价：￥4500.00</p>
							<p class="price">
								走秀价：<span class="color">￥2589.00</span>
								<span class="img"><img src="img/xin.png"/></span>
								<span class="num">120</span>人喜欢
							</p>

						</div>
					</li>

					<li class="list">
						<div class="left"><img src="img/list.png" /></div>
						<div class="center">
							<p class="blod">芬迪Fendi LOOP 反转系列腕表</p>
							<p class="blod">F761141</p>
							<p class="line">市场价：￥4500.00</p>
							<p class="price">
								走秀价：<span class="color">￥2589.00</span>
								<span class="img"><img src="img/xin.png"/></span>
								<span class="num">120</span>人喜欢
							</p>

						</div>
					</li>

					<li class="list">
						<div class="left"><img src="img/list.png" /></div>
						<div class="center">
							<p class="blod">芬迪Fendi LOOP 反转系列腕表</p>
							<p class="blod">F761141</p>
							<p class="line">市场价：￥4500.00</p>
							<p class="price">
								走秀价：<span class="color">￥2589.00</span>
								<span class="img"><img src="img/xin.png"/></span>
								<span class="num">120</span>人喜欢
							</p>

						</div>
					</li>

					<li class="list">
						<div class="left"><img src="img/list.png" /></div>
						<div class="center">
							<p class="blod">芬迪Fendi LOOP 反转系列腕表</p>
							<p class="blod">F761141</p>
							<p class="line">市场价：￥4500.00</p>
							<p class="price">
								走秀价：<span class="color">￥2589.00</span>
								<span class="img"><img src="img/xin.png"/></span>
								<span class="num">120</span>人喜欢
							</p>

						</div>
					</li>
				</ul>

			</div>

			<div class="nav-three">
				<p class="heji">共计<span>11</span>件</p>
				<ul class="content">
					<li class="list">
						<div class="left"><img src="img/list.png" /></div>
						<div class="center">
							<p class="blod">芬迪Fendi LOOP 反转系列腕表</p>
							<p class="blod">F761141</p>
							<p class="line">市场价：￥4500.00</p>
							<p class="price">
								走秀价：<span class="color">￥2589.00</span>
								<span class="right">购买</span>
							</p>

						</div>
						<div class="right"><img src="img/right-arrow.png" /></div>

					</li>

					<li class="list">
						<div class="left"><img src="img/list.png" /></div>
						<div class="center">
							<p class="blod">芬迪Fendi LOOP 反转系列腕表</p>
							<p class="blod">F761141</p>
							<p class="line">市场价：￥4500.00</p>
							<p class="price">
								走秀价：<span class="color">￥2589.00</span>
								<span class="right">购买</span>
							</p>

						</div>
						<div class="right"><img src="img/right-arrow.png" /></div>

					</li>

					<li class="list">
						<div class="left"><img src="img/list.png" /></div>
						<div class="center">
							<p class="blod">芬迪Fendi LOOP 反转系列腕表</p>
							<p class="blod">F761141</p>
							<p class="line">市场价：￥4500.00</p>
							<p class="price">
								走秀价：<span class="color">￥2589.00</span>
								<span class="right">购买</span>
							</p>

						</div>
						<div class="right"><img src="img/right-arrow.png" /></div>

					</li>

					<li class="list">
						<div class="left"><img src="img/list.png" /></div>
						<div class="center">
							<p class="blod">芬迪Fendi LOOP 反转系列腕表</p>
							<p class="blod">F761141</p>
							<p class="line">市场价：￥4500.00</p>
							<p class="price">
								走秀价：<span class="color">￥2589.00</span>
								<span class="right">购买</span>
							</p>

						</div>
						<div class="right"><img src="img/right-arrow.png" /></div>

					</li>

					<li class="list">
						<div class="left"><img src="img/list.png" /></div>
						<div class="center">
							<p class="blod">芬迪Fendi LOOP 反转系列腕表</p>
							<p class="blod">F761141</p>
							<p class="line">市场价：￥4500.00</p>
							<p class="price">
								走秀价：<span class="color">￥2589.00</span>
								<span class="right">购买</span>
							</p>

						</div>
						<div class="right"><img src="img/right-arrow.png" /></div>

					</li>

					<li class="list">
						<div class="left"><img src="img/list.png" /></div>
						<div class="center">
							<p class="blod">芬迪Fendi LOOP 反转系列腕表</p>
							<p class="blod">F761141</p>
							<p class="line">市场价：￥4500.00</p>
							<p class="price">
								走秀价：<span class="color">￥2589.00</span>
								<span class="right">购买</span>
							</p>

						</div>
						<div class="right"><img src="img/right-arrow.png" /></div>

					</li>

			</div>

		</section>

		<footer class="footer">
			<ul class="nav">
				<li class="list show" onclick="window.location='shouye.html'">
					<span class="img">
						<img src="img/nav-1.png" />
					</span>
					<span class="title">首页</span>
				</li>

				<li class="list" onclick="window.location='search.html'">
					<span class="img">
						<img src="img/nav.png" />
					</span>
					<span class="title">搜索</span>
				</li>

				<li class="list" onclick="window.location=''">
					<span class="img">
						<img src="img/nav.png" />
					</span>
					<span class="title">我的秀</span>
				</li>

				<li class="list" onclick="window.location='shoppingcar.html'">
					<span class="img">
						<img src="img/nav.png" />
					</span>
					<span class="title">购物车</span>
				</li>

				<li class="list" onclick="window.location='gengduo.html'">
					<span class="img">
						<img src="img/nav.png" />
					</span>
					<span class="title">更多</span>
				</li>

			</ul>

		</footer>
		
		
		<script src="js/jquery-1.12.4.min.js"></script>
		<script src="js/swiper.jquery.js"></script>
		<script src="js/zepto.js"></script>
		<script src="js/swiper.js"></script>

		<script>
			$(function() {
				
				var swiper1 = new Swiper('.swiper-container', {
					keyboardControl: true,
					
					pagination: '.swiper-pagination',

				})

			})
			

			$('.nav li').eq(1).on('click', function() {
				$('.tiaozhuan').load('class.html');
			});





			  $('.section .nav li').click(function() {
//			  	console.log(this);
	            var i = $(this).index();
	          $('.section >div').eq(i).addClass("show").siblings().removeClass("show");
	        });
			
			
			
		</script>

	</body>

</html>